<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="/static/index.css">
<body>
<h1>{{ hello }}</h1>
<h1>{{ hello | truncatechars:5 }}</h1>
<h1>{{ helloList }}</h1>
<h1>{{ helloList.0 }}</h1>
<h1>{{ views_dict.name }}</h1>
<h1>{{ time|date:"Y-m-d" }}</h1>
<h1>{{ views_str|safe }}</h1>
<p>
    {% for foo in views_list %}
        {{ foo }}
    {% empty %}
        空空如也～
    {% endfor %}
</p>
<p>
    {% for foo in views_list reversed %}
        {{ foo }}
    {% empty %}
        空空如也～
    {% endfor %}
</p>
{% load static %}
{{ hello }}<img id="imgId" src="{% static "imgs/aa.jpg" %}">
<div>
    <form method='post' action='/verifycodeValid/'>
         {% csrf_token %}
        <input type="text" name="vc">
        <img id='verifycode' src="/verifycode/?1" alt="CheckCode"/>
        <span id='verifycodeChange'>看不清，换一个</span>
        <br>
        <input type="submit" value="提交">
    </form>
</div>

<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
    $(function(){
        $('#verifycodeChange').css('cursor','pointer').click(function() {
            $('#verifycode').attr('src',$('#verifycode').attr('src')+1)
        });
    });
</script>
</body>
</html>